<template>
  <div>
    <div class="Fixed" style="z-index: 100">
      <div class="jsx-864363205 limit-width-root">
        <div class="jsx-2356184672 nav">
          <div class="jsx-2130671537 nav-item">
            <a
              aria-current="page"
              class="active"
              href="http://localhost:8080/"
              style="
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                height: 50px;
                color: inherit;
                text-decoration: none;
              "
              ><svg
                viewBox="0 0 200 200"
                style="height: 30px; width: 30px; fill: rgb(73, 119, 73)"
              >
                <path
                  d="M175 79.13l-67-50.5a13.47 13.47 0 00-15.94 0L25 79.13a10.78 10.78 0 00-4 12.12 12.35 12.35 0 0012 8.08c1.57 0 2.77.86 2.9 1.68-.46 4.51-4.33 44.41.22 59.36 1.9 6.27 6.5 10 12.28 10h103.19c5.93 0 10.66-3.9 12.33-10.17 4.33-16.22.62-54.8.17-59.21.12-.82 1.33-1.68 2.9-1.68a12.35 12.35 0 0012-8.08 10.78 10.78 0 00-3.99-12.1zm-54.77 72.28h-40.5v-22.15a14.09 14.09 0 0114.08-14.07h12.38a14.09 14.09 0 0114.08 14.07z"
                ></path>
              </svg>
              <div class="jsx-2130671537 nav-text active">首页</div></a
            >
          </div>
          <div class="jsx-2130671537 nav-item">
            <a
              href="#/sell"
              style="
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                height: 50px;
                color: inherit;
                text-decoration: none;
              "
              ><svg
                viewBox="0 0 200 200"
                style="height: 30px; width: 30px; fill: rgb(51, 51, 51)"
              >
                <path
                  d="M48.21 41.39a3.55 3.55 0 10-5.78 4.14l3.17 4.41a3.55 3.55 0 105.77-4.14z"
                ></path>
                <path
                  d="M171.51 85.56C166.16 72.9 154.69 70.92 146.32 72c-2.75-13.71-11.89-20.57-20.21-22.43-17-3.76-27.68 7.34-32.64 16.79a40 40 0 00-3.71-1.68C88.92 54.4 87.27 44 84 34.33a50.34 50.34 0 00-8.7-16.28c-4.48-5.34-9.75-5-16-3.66a225.14 225.14 0 00-45.46 14.66 4 4 0 00-2.54 3.11 4.15 4.15 0 00.64 3.48c12.74 19.58 19.44 44.71 14.19 67.85-.64 2.85 1.18 6.39 4.53 6.24 5.42-.24 10.84-.68 16.23-1.31a22.41 22.41 0 00-4.39 19.39c2.28 9.08 9.55 19.95 30.79 22.14a194.22 194.22 0 0012 26.57 4.84 4.84 0 008.4-4.83c-.06-.11-13.48-31-13.55-31.14a4.83 4.83 0 00-8.87-.64c-10.91-1.74-17.44-6.58-19.42-14.46S56.1 110.74 63 109l6.78-1.75-1.67-2.39-2.34-3.35a25.41 25.41 0 01-3-5.45c-4.39-11.37 3.85-19 4.94-19.94a16.85 16.85 0 0112.79-3.8 25 25 0 019.84 3.44c.85.48 1.71 1 2.59 1.64l5.33 3.69 2-6.16c.26-.81 6.75-19.62 23.67-15.85 2.06.45 12.37 3.53 13.37 19.19l.43 6.35 6-2.09c1.41-.49 14-4.47 18.75 6.81 3.87 9.17 1.74 16.45-6.88 23.27a5.1 5.1 0 00-1.08.19 6.12 6.12 0 00-2.79 8.47 4.63 4.63 0 00.71.81 108.71 108.71 0 017.23 33.92 4.85 4.85 0 004.73 4.65h.31a4.85 4.85 0 004.65-5 117.55 117.55 0 00-7.29-35.65c14.61-12 13.34-25.17 9.44-34.44zM67.5 64.88a3.63 3.63 0 00-2.33-.48l-5.58.8-.9-6.31 7.66-1.1a3.56 3.56 0 10-1-7l-5 .72L64.2 44a3.56 3.56 0 00-6.3-3.3l-5.5 10.54a3.52 3.52 0 00-.4 1.42L43 54a3.56 3.56 0 00.39 7 4 4 0 00.61 0l7.67-1.1.9 6.31L47 67a3.55 3.55 0 00.42 7.07A4 4 0 0048 74l5.58-.8.66 4.8c-3.18 6.8-2.71 13.91-.91 19.76Q45 99.08 36.63 99.7c3.16-22-2.27-45-13.39-64.17A214 214 0 0160.13 24.1c3.18-.68 5.86-2.06 8.16.64a35.13 35.13 0 015.32 9.34c2.46 6 3.73 12.45 4.8 18.8.55 3.21 1 6.43 1.33 9.66a26.74 26.74 0 00-12.24 2.34z"
                ></path>
              </svg>
              <div class="jsx-2130671537 nav-text">卖东西</div></a
            >
          </div>
          <div class="jsx-2130671537 nav-item">
            <a
              href="#/cart"
              style="
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                height: 50px;
                color: inherit;
                text-decoration: none;
              "
              ><svg
                xmlns="http://www.w3.org/2000/svg"
                viewBox="0 0 200 200"
                style="height: 30px; width: 30px; fill: rgb(51, 51, 51)"
              >
                <path
                  d="M53.69 47.63a4.88 4.88 0 004.81 4.94h.06a4.87 4.87 0 004.87-4.81 25.52 25.52 0 00-8.76-18.26c-8.35-7.29-16.62-7.29-34.73-7.29a4.87 4.87 0 000 9.74c17.64 0 23 .21 28.32 4.89a15.65 15.65 0 015.43 10.79zM67.64 141.55a15.19 15.19 0 1015.19 15.19 15.21 15.21 0 00-15.19-15.19zm0 20.64a5.45 5.45 0 115.45-5.45 5.46 5.46 0 01-5.45 5.45zM138.89 141.55a15.19 15.19 0 1015.19 15.19 15.21 15.21 0 00-15.19-15.19zm0 20.64a5.45 5.45 0 115.44-5.45 5.45 5.45 0 01-5.44 5.45zM167.35 62.79a18.44 18.44 0 00-13.86-6.1h-103a18.44 18.44 0 00-13.86 6.1 16.11 16.11 0 00-4 12.79L36 103.25c2.33 19.09 16.33 30.48 37.45 30.48h57.11c21.12 0 35.12-11.39 37.46-30.48l3.37-27.67a16.11 16.11 0 00-4.04-12.79zm-5.62 11.61l-3.38 27.67C156.63 116.2 146.76 124 130.57 124H73.46c-16.19 0-26.06-7.79-27.78-21.92L42.3 74.4a6.51 6.51 0 011.7-5.15 8.73 8.73 0 016.57-2.82h103a8.73 8.73 0 016.57 2.82 6.51 6.51 0 011.59 5.15z"
                ></path>
              </svg>
              <div class="jsx-2130671537 nav-text">购物车</div></a
            >
          </div>
          <div class="jsx-2130671537 nav-item">
            <a
              href="#/users"
              style="
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                height: 50px;
                color: inherit;
                text-decoration: none;
              "
              ><svg
                viewBox="0 0 200 200"
                style="height: 30px; width: 30px; fill: rgb(51, 51, 51)"
              >
                <path
                  d="M187.3 67a5.67 5.67 0 00-5.09-2.66c-2.18.14-6.71 1.68-10.86 3.25-4.9-14.77-20.77-22.26-27.27-24.77-1.17-5-3.77-13.39-8.48-16.52a8 8 0 00-6.25-1.3c-6.45 1.42-12 9.8-14.72 14.77l-33.19.76c-2.29-6-6.7-14.45-13.41-14.45-9.77 0-14.66 14.71-16.6 22.74-5.43 1.47-15.31 6.42-24.54 23.12C22.41 73.8 12 78.23 9 80.35a5.42 5.42 0 00-2.31 5c.17 2.27.5 5.65 21.31 15.14-.15 11.16 3.28 20.6 10.23 28.1a45 45 0 009.64 7.75C34.39 146.09 35 163.88 35 164.73a4.85 4.85 0 004.84 4.63h.22a4.84 4.84 0 004.62-5.06c0-.16-.59-16.66 12.76-22.3a4.44 4.44 0 001-.58c11.16 4.17 25.17 6.32 41.61 6.32 22.4 0 38-3.85 48.94-9.46 9.84 2.57 14.11 18.88 14.93 25a4.84 4.84 0 004.8 4.22 4.44 4.44 0 00.63 0 4.84 4.84 0 004.18-5.43c-.13-1-2.91-21.2-15.14-29.93a40.8 40.8 0 0014.82-25.9 80.62 80.62 0 009.8-.6 4.83 4.83 0 003.82-2.65c4.24-8.43 3.92-30.84.47-35.99zM179 96.28a52.61 52.61 0 01-7.56.16 4.85 4.85 0 00-3.71-.59c-2.38.59-3.65 2.41-3.77 5.41C163.08 125 140.38 138 100.09 138c-26.09 0-45-5.55-54.73-16-5.82-6.29-8.28-14.21-7.52-24.21A4.84 4.84 0 0035 93c-5.19-2.31-11.07-5.22-15-7.46 3.43-1.62 8-3.54 12.17-5.29A4.84 4.84 0 0034.62 78C44.93 58.46 55.33 58 55.3 58h.16a4.84 4.84 0 004.75-3.92C62 44.93 65.71 37 67.78 35.9c1.54 1.25 4.15 6.33 5.6 11a4.83 4.83 0 004.74 3.41l39.59-.91a4.85 4.85 0 004.24-2.7c2.58-5.23 6.53-10.53 8.77-11.91 1.45 1.83 3.46 7.44 4.41 12.52a4.84 4.84 0 003.36 3.75c.22.07 22.83 7.16 24.52 23.57a4.85 4.85 0 006.66 4c3.37-1.38 7.34-2.87 10.1-3.79.76 5.25.78 15.66-.77 21.44z"
                ></path>
                <circle
                  cx="84.01"
                  cy="68.03"
                  r="4.85"
                  transform="rotate(-13.17 84.01 68.028)"
                ></circle>
                <path
                  d="M113.24 63.22a4.85 4.85 0 104.12 5.48 4.85 4.85 0 00-4.12-5.48z"
                ></path>
              </svg>
              <div class="jsx-2130671537 nav-text">我的</div></a
            >
          </div>
        </div>
      </div>
      <div
        class="Fix-iphone-x"
        style="background-color: rgb(255, 255, 255)"
      ></div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
.Fixed {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1;
}
.limit-width-root.jsx-864363205 {
    max-width: 600px;
    margin: 0px auto;
}
.nav.jsx-2356184672 {
    display: flex;
    margin: 0px;
    padding: 0px;
    list-style: none;
    font-size: 10px;
    color: rgb(102, 102, 102);
    background: rgb(255, 255, 255);
    border-top: 1px solid rgb(230, 230, 230);
}
.nav-item.jsx-2130671537 {
    -webkit-box-flex: 1;
    flex-grow: 1;
    position: relative;
}
.nav-text.active.jsx-2130671537 {
    color: rgb(73, 119, 73);
}
.nav-text.jsx-2130671537 {
    font-size: 10px;
    color: rgb(51, 51, 51);
    font-weight: 400;
}
</style>